<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../CSS/reset.css">
    <link rel="stylesheet" href="../CSS/mi.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="shortcut icon" href="../image/favicon.ico" type="image/x-icon">
    <title>小米</title>
</head>

<body>
    <!-- 头部开始 -->
    <div class="header">
        <a href="#">
            <img src="../image/top.jpg" alt="">
        </a>
    </div>
    <!-- 头部结束 -->
    <!-- 黑色导航开始-->
    <div class="black-nav">
        <div class="wrap">
            <ul class="black-nav-left">
                <li><a href="#">小米商城</a><span class="pad">|</span></li>
                <li><a href="#">MIUI</a><span class="pad">|</span></li>
                <li><a href="#">IOT</a><span class="pad">|</span></li>
                <li><a href="#">云服务</a><span class="pad">|</span></li>
                <li><a href="#">天星数科</a><span class="pad">|</span></li>
                <li><a href="#">有品</a><span class="pad">|</span></li>
                <li><a href="#">小爱开放平台</a><span class="pad">|</span></li>
                <li><a href="#">企业团购</a><span class="pad">|</span></li>
                <li><a href="#">资质证照</a><span class="pad">|</span></li>
                <li><a href="#">协议规则</a><span class="pad">|</span></li>
                <li class="text1"><a href="#">下载app</a><span class="pad">|</span>
                    <div class="download">
                        <img src="../image/download.png" alt="">
                        <p>小米商城APP</p>
                    </div>
                    <div class="stric"></div>
                </li>
                <li><a href="#">智能生活</a><span class="pad">|</span></li>
                <li><a href="#">Select Location</a><span class="pad">|</span></li>
            </ul>
            <ul>
                <li><a href="#">登录</a><span class="pad">|</span></li>
                <li><a href="#">注册</a><span class="pad">|</span></li>
                <li><a href="#">消息通知</a><span class="pad">|</span></li>
                <li class="shopcart">
                    <a href="#">
                        <span class="iconfont icon-gouwuche"></span><i>购物车(0)</i>
                    </a>
                    <div class="shopping">购物车中还没有商品，赶紧选购吧!</div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 黑色导航结束 -->

    <!-- 白色导航开始 -->
    <div class="white-nav">
        <div class="wrap">
            <!-- 小米logo -->
            <div class="logo">
                <img src="../image/mi-home.png" alt="" class="mi-home">
                <img src="../image/mi-logo.png" alt="" class="mi-logo">
            </div>
            <div class="white-nav-bar">
                <ul class="nav">
                    <li>
                        <a href="#">
                            <img src="../image/zzxsh.gif" alt="" class="zzxsh">
                        </a>
                    </li>
                    <li>
                        <a href="#">小米手机</a>
                        <!-- 小米导航部分 -->
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/小米1.jpg" alt="">
                                            </div>
                                            <p class="name">小米12Pro</p>
                                            <p class="price">4699元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/小米2.jpg" alt="">
                                            </div>
                                            <p class="name">小米12</p>
                                            <p class="price">3699元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/小米3.jpg" alt="">
                                            </div>
                                            <p class="name">小米12X</p>
                                            <p class="price">3199元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/小米4.jpg" alt="">
                                            </div>
                                            <p class="name">小米11青春活力版</p>
                                            <p class="price">1999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/小米5.jpg" alt="">
                                            </div>
                                            <p class="name">小米Civi</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/小米6.jpg" alt="">
                                            </div>
                                            <p class="name">小米Mix 4</p>
                                            <p class="price">4199元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">红米手机</a>
                        <!-- 红米导航部分 -->
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/红米1.jpg" alt="">
                                            </div>
                                            <p class="name">红米 Note11 Pro系列</p>
                                            <p class="price">1799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/红米2.jpg" alt="">
                                            </div>
                                            <p class="name">红米Note11 5G</p>
                                            <p class="price">1199元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/红米3.jpg" alt="">
                                            </div>
                                            <p class="name">红米Note11 4G</p>
                                            <p class="price">999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/红米4.jpg" alt="">
                                            </div>
                                            <p class="name">红米Note10 4G</p>
                                            <p class="price">1499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/红米5.jpg" alt="">
                                            </div>
                                            <p class="name">红米Note10 5G</p>
                                            <p class="price">1099元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/红米6.jpg" alt="">
                                            </div>
                                            <p class="name">K40游戏增强版</p>
                                            <p class="price">1999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">电视</a>
                        <!-- 电视导航部分 -->
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/电视1.jpg" alt="">
                                            </div>
                                            <p class="name">红米智能电视X50 2022</p>
                                            <p class="price">2699元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/电视2.jpg" alt="">
                                            </div>
                                            <p class="name">红米智能电视X65 2022</p>
                                            <p class="price">3499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/电视3.jpg" alt="">
                                            </div>
                                            <p class="name">小米电视6 65° OLED</p>
                                            <p class="price">6999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/电视4.jpg" alt="">
                                            </div>
                                            <p class="name">小米电视 大师 77° OLED</p>
                                            <p class="price">17999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/电视5.jpg" alt="">
                                            </div>
                                            <p class="name">小米透明电视</p>
                                            <p class="price">39999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/电视6.jpg" alt="">
                                            </div>
                                            <p class="name">小米电视 大师65英寸OLED</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">笔记本</a>
                        <!-- 笔记本导航部分 -->
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本1.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiBook Pro14 2022</p>
                                            <p class="price">4999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本2.jpg" alt="">
                                            </div>
                                            <p class="name">小米笔记本 14pro锐龙版</p>
                                            <p class="price">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本3.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiBook 15Pro 增强版</p>
                                            <p class="price">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本4.jpg" alt="">
                                            </div>
                                            <p class="name">小米笔记本pro X 14</p>
                                            <p class="price">7999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本5.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiG 2021 intel版</p>
                                            <p class="price">6499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本6.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiG 2021 AMD版</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">平板</a>
                        <!-- 平板导航部分 -->
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/平板1.jpg" alt="">
                                            </div>
                                            <p class="name">小米平板5</p>
                                            <p class="price">1999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/平板2.jpg" alt="">
                                            </div>
                                            <p class="name">小米平板5 Pro 5G</p>
                                            <p class="price">3499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/平板3.jpg" alt="">
                                            </div>
                                            <p class="name">小米平板5Pro</p>
                                            <p class="price">2499元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">家电</a>
                        <!-- 家电导航部分 -->
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/家电1.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiBook Pro14 2022</p>
                                            <p class="price">4999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本2.jpg" alt="">
                                            </div>
                                            <p class="name">小米笔记本 14pro锐龙版</p>
                                            <p class="price">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本3.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiBook 15Pro 增强版</p>
                                            <p class="price">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本4.jpg" alt="">
                                            </div>
                                            <p class="name">小米笔记本pro X 14</p>
                                            <p class="price">7999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本5.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiG 2021 intel版</p>
                                            <p class="price">6499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本6.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiG 2021 AMD版</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="#">路由器</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本1.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiBook Pro14 2022</p>
                                            <p class="price">4999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本2.jpg" alt="">
                                            </div>
                                            <p class="name">小米笔记本 14pro锐龙版</p>
                                            <p class="price">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本3.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiBook 15Pro 增强版</p>
                                            <p class="price">5499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本4.jpg" alt="">
                                            </div>
                                            <p class="name">小米笔记本pro X 14</p>
                                            <p class="price">7999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本5.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiG 2021 intel版</p>
                                            <p class="price">6499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="../image/笔记本6.jpg" alt="">
                                            </div>
                                            <p class="name">RedmiG 2021 AMD版</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">服务</a>
                    </li>
                    <li><a href="#">社区</a>
                    </li>
                </ul>
            </div>
            <div class="search">
                <input type="text" placeholder="红米">
                <button class="iconfont">&#xe63d;</button>
            </div>
        </div>
    </div>
    <!-- 白色导航结束 -->
    <!-- banner开始 -->
    <div class="banner">
        <div class="wrap">
            <img src="../image/banner.jpg" alt="" class="banner-img">
            <ul class="slide">
                <!-- 手机banner开始 -->
                <li><a href="#">手机</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 手机banner结束 -->
                <!-- 电视banner开始 -->
                <li><a href="#">电视</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 电视banner结束 -->
                <!-- 笔记本 平板banner开始 -->
                <li>
                    <a href="#">笔记本 平板</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 笔记本 平板banner结束 -->
                <!-- 家电banner开始 -->
                <li><a href="#">家电</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 家电banner结束 -->
                <!-- 出行 穿戴banner开始 -->
                <li><a href="#">出行 穿戴</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 出行 穿戴banner结束 -->
                <!-- 智能 路由器banner开始 -->
                <li><a href="#">智能 路由器</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 智能 路由器banner结束 -->
                <!-- 电源 配件banner开始 -->
                <li><a href="#">电源 配件</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 电源 配件banner结束 -->
                <!-- 健康 儿童banner开始 -->
                <li><a href="#">健康 儿童</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 健康 儿童banner结束 -->
                <!-- 耳机 音箱banner开始 -->
                <li><a href="#">耳机 音箱</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 耳机 音箱banner结束 -->
                <!-- 生活 箱包banner -->
                <li><a href="#">生活 箱包</a><i class="iconfont">&#xe62e;</i>
                    <div class="slide-list">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="../image/小米1.jpg" alt="">
                                    <span>小米12Pro</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 生活 箱包banner结束 -->
            </ul>
        </div>
    </div>
    <!-- banner结束 -->
    <!-- 广告开始 -->
    <div class="adverise">
        <div class="wrap">
            <div class="ad-left">
                <ul>
                    <a href="">
                        <li class="iconfont">&#xe733;<span>米粉卡</span></li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe733;<span>米粉卡</span></li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe733;<span>米粉卡</span></li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe733;<span>米粉卡</span></li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe733;<span>米粉卡</span></li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe733;<span>米粉卡</span></li>
                    </a>
                </ul>
            </div>
            <div class="ad-right">
                <a href=""><img src="../image/ad1.jpg" alt="" class="img1"></a>
                <a href=""><img src="../image/ad2.jpg" alt="" class="img2"></a>
                <a href=""><img src="../image/ad3.jpg" alt="" class="img3"></a>
            </div>
        </div>
    </div>
    <!-- 广告结束 -->
    <!-- 主体开始 -->
    <div class="content">
        <div class="wrap">
            <!-- 手机开始 -->
            <div class="phone">
                <h3 class="title">手机</h3>
                <div class="phone-box">
                    <div class="phone-box-left">
                        <a href="#">
                            <img src="../image/phone-left.jpg" alt="">
                        </a>
                    </div>
                    <div class="phone-box-right">
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="../image/小米1.jpg" alt="">
                                <i class="item-name">小米11 Pro</i>
                                <span class="item-desc">全新骁龙8｜2K AMOLED屏幕</span>
                                <p class="item-price">4699元起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="big-img">
                    <img src="../image/big-img.jpg" alt="">
                </div>
            </div>
            <!-- 手机结束 -->
            <!-- 家电开始 -->
            <div class="elc">
                <div class="wrap"></div>
                <h3 class="title">家电</h3>
                <div class="elc-box">
                    <div class="item elc-item">
                        <a href="#">
                            <img src="../image/elc1.jpg" alt="" class="elc-img">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item elc-item">
                        <a href="#">
                            <img src="../image/elc2.jpg" alt="">
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="../image/elc-item.jpg" alt="">
                            <i class="item-name">小米电视6 65°OLED</i>
                            <span class="item-desc">OLED自发光屏，百万级对比度</span>
                            <p class="item-price">6999元起<del>5999元</del></p>
                        </a>
                    </div>
                    <div class="item-last">
                        <div>
                            <a href="#">
                                <ul>
                                    <li> <span class="item-last-name">Redmi Buds 3
                                        青春版</span>
                                    </li>
                                    <li>
                                        <p class="item-last-price">999元</p>
                                    </li>
                                </ul>
                                <div class="last-img-box">
                                    <img src="../image/家电1.jpg" alt="">
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <ul>
                                    <li> <span class="item-last-name">Redmi Buds 3
                                        青春版</span>
                                    </li>
                                    <li>
                                        <p class="item-last-price">999元</p>
                                    </li>
                                </ul>
                                <div class="last-img-box">
                                    <img src="../image/家电1.jpg" alt="">
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="big-img">
                    <img src="../image/big-img.jpg" alt="">
                </div>
            </div>
            <!-- 家电结束 -->
            <!-- 视频开始 -->
            <div class="video">
                <h3 class="title">视频</h3>
                <div class="video-box">
                    <div>
                        <div class="video-img-box">
                            <img src="../image/video.jpg" alt="">
                            <div class="btn">
                                <div class="sanjiao"></div>
                            </div>

                        </div>
                        <p>Redmi10系列发布会</p>
                        <p>Redmi10系列发布会</p>
                    </div>
                    <div>
                        <div class="video-img-box">
                            <img src="../image/video.jpg" alt="">
                            <div class="btn">
                                <div class="sanjiao"></div>
                            </div>
                        </div>
                        <p>Redmi10系列发布会</p>
                        <p>Redmi10系列发布会</p>
                    </div>
                    <div>
                        <div class="video-img-box">
                            <img src="../image/video.jpg" alt="">
                            <div class="btn">
                                <div class="sanjiao"></div>
                            </div>
                        </div>
                        <p>Redmi10系列发布会</p>
                        <p>Redmi10系列发布会</p>
                    </div>
                    <div>
                        <div class="video-img-box">
                            <img src="../image/video.jpg" alt="">
                            <div class="btn">
                                <div class="sanjiao"></div>
                            </div>
                        </div>
                        <p>Redmi10系列发布会</p>
                        <p>Redmi10系列发布会</p>
                    </div>
                </div>
                <div class="big-img">
                    <img src="../image/big-img.jpg" alt="">
                </div>
            </div>
            <!-- 视频结束 -->
        </div>
    </div>
    <!-- 主体结束 -->
    <!-- 页脚开始 -->
    <div class="footer">
        <div class="wrap">
            <div class="footer-service">
                <ul>
                    <li>
                        <a href="#">
                            <span class="iconfont">&#xe606;</span>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="iconfont">&#xe606;</span>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="iconfont">&#xe606;</span>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="iconfont">&#xe606;</span>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="iconfont">&#xe606;</span>
                            <span>预约维修服务</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-links">
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>

                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>

                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>

                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>

                </ul>
                <ul class="last-ul">
                    <li>帮助中心</li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">订单操作</a></li>

                </ul>
                <div class="concat">
                    <span class="tel">400-100-5678</span>
                    <span class="time">8:00-18:00 (仅收市话费)</span>
                    <div class="concat-call">
                        <a href="#">
                            <span class="iconfont">&#xe710;</span>
                            <span>人工服务</span>
                        </a>
                    </div>
                    <div class="follow">
                        <span>关注小米</span>
                        <a href="#">
                            <img src="../image/wb.jpg" alt="">
                        </a>
                        <a href="#">
                            <img src="../image/wx.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- 页脚结束 -->
</body>

</html>